<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--<meta name="viewport"-->
          <!--content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>-->
    <!--<meta name="apple-mobile-web-app-capable" content="no"/>-->
    <!--<meta name="wap-font-scale" content="no">-->
    <!--<meta content="telephone=no" name="format-detection">-->
    <!--<meta name="apple-mobile-web-app-status-bar-style" content="black">-->
    <title>首页</title>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/jBox.css">
    <link rel="stylesheet" href="css/base.min.css">
    <link rel="stylesheet" href="css/user.min.css">
</head>
<body>
<div class="wrap d-overflow-hide-x">
    <div class="head-box">
        <div class="header">
            <div class="container">
                <div class="row">
                    <div class="logo-box">
                        <a class="logo" href="index.html"><img src="img/logo.png"></a>
                        <div class="area-box">
                            <div class="fb-select-box fn-hover-bar">
                                <label class="hd">
                                    <i class="glyphicon glyphicon-map-marker"></i>
                                    <span id="cityName">重庆市</span>
                                    <em class="glyphicon glyphicon-triangle-bottom"></em>
                                </label>
                                <div class="bd fn-hover-menu">
                                    <div class="city-box">
                                        <div class="title clearfix">
                                            <a href="javascript:;" class="active">热门城市</a>
                                            <a href="javascript:;">ABCD</a>
                                            <a href="javascript:;">FGHJ</a>
                                            <a href="javascript:;">KLMN</a>
                                            <a href="javascript:;">QSTW</a>
                                            <a href="javascript:;">XYZ</a>
                                        </div>
                                        <div class="cont">
                                            <div class="item active">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">北京市</a>
                                                    <a href="javascript:;">上海市</a>
                                                    <a href="javascript:;">广州市</a>
                                                    <a href="javascript:;">深圳市</a>
                                                    <a href="javascript:;">成都市</a>
                                                    <a href="javascript:;">重庆市</a>
                                                    <a href="javascript:;">武汉市</a>
                                                    <a href="javascript:;">沈阳市</a>
                                                    <a href="javascript:;">大连市</a>
                                                    <a href="javascript:;">郑州市</a>
                                                    <a href="javascript:;">西安市</a>
                                                    <a href="javascript:;">南京市</a>
                                                    <a href="javascript:;">苏州市</a>
                                                    <a href="javascript:;">无锡市</a>
                                                    <a href="javascript:;">徐州市</a>
                                                    <a href="javascript:;">杭州市</a>
                                                    <a href="javascript:;">宁波市</a>
                                                    <a href="javascript:;">天津市</a>
                                                    <a href="javascript:;">昆明市</a>
                                                    <a href="javascript:;">南宁市</a>
                                                    <a href="javascript:;">合肥市</a>
                                                    <a href="javascript:;">长沙市</a>
                                                    <a href="javascript:;">青岛市</a>
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                    <a href="javascript:;">贵阳市</a>
                                                    <a class="active" href="javascript:;" id="showMoreCity">[ 更多 ]</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">北京市</a>
                                                    <a href="javascript:;">上海市</a>
                                                    <a href="javascript:;">广州市</a>
                                                    <a href="javascript:;">深圳市</a>
                                                    <a href="javascript:;">成都市</a>
                                                    <a href="javascript:;">重庆市</a>
                                                    <a href="javascript:;">武汉市</a>
                                                    <a href="javascript:;">沈阳市</a>
                                                    <a href="javascript:;">大连市</a>
                                                    <a href="javascript:;">郑州市</a>
                                                    <a href="javascript:;">西安市</a>
                                                    <a href="javascript:;">南京市</a>
                                                    <a href="javascript:;">苏州市</a>
                                                    <a href="javascript:;">无锡市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">徐州市</a>
                                                    <a href="javascript:;">杭州市</a>
                                                    <a href="javascript:;">宁波市</a>
                                                    <a href="javascript:;">天津市</a>
                                                    <a href="javascript:;">昆明市</a>
                                                    <a href="javascript:;">南宁市</a>
                                                    <a href="javascript:;">合肥市</a>
                                                    <a href="javascript:;">长沙市</a>
                                                    <a href="javascript:;">青岛市</a>
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">徐州市</a>
                                                    <a href="javascript:;">杭州市</a>
                                                    <a href="javascript:;">宁波市</a>
                                                    <a href="javascript:;">天津市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="nav-box">
                        <ul>
                            <li class="active"><a href="index.html">首页</a></li>
                            <li><a href="afflatus.html">装修方案</a></li>
                            <li><a href="stylist.html">找设计师</a></li>
                            <li><a href="originality.html">设计师入驻</a></li>
                            <li><a href="design.html">软件下载</a></li>
                        </ul>
                        <div class="login-register login">
                            <a class="user" href="personal-general.html">
                                <img src="img/stylist-headImg.jpg">
                            </a>
                            <a class="quit" href="javascript:;">退出</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner">
            <div class="swiper-container" id="banner">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="#" data-background="img/slide/index-banner1.png" class="swiper-lazy item"></a>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
                <div class="swiper-btn">
                    <div class="btn left">
                        <span class="swiper-button-prev swiper-button-white"></span>
                    </div>
                    <div class="btn right">
                        <span class="swiper-button-next swiper-button-white"></span>
                    </div>
                </div>
            </div>
            <div class="search-box">
                <div class="title">
                    <label class="step-box">
                        <span class="fl"><i>1</i>搜索小区</span>
                        <span><i>2</i>选择户型</span>
                        <span class="fr"><i>3</i>查看装修方案</span>
                        <em class="line"></em>
                    </label>
                </div>
            </div>
            <div class="search-cont">
                <label class="form-input big background white clean">
                    <input type="text" placeholder="输入楼盘名称，快速查找装修方案">
                    <a class="clean-btn" href="javascript:;">&times;</a>
                </label>
                <a class="fb-btn big background blue" href="mine-family.html">找我家</a>
            </div>
        </div>
    </div>
    <div class="cont-box">
        <div class="index-module">
            <div class="title mt clearfix">
                <div class="container">
                    <div class="row">
                        <label class="fs-24">在线设计师</label>
                        <span class="mb-30">立即联系设计师，获取装修方案或解答疑问</span>
                        <!--<a class="fr" href="stylist.html">更多设计师>></a>-->
                    </div>
                </div>
            </div>
            <div class="cont">
                <div class="fb-box-list stylist-box-list">
                    <ul class="row-4">
                        <li>
                            <div class="stylist-cont">
                                <a href="stylist-details.html" class="stylist-img"><img
                                        src="img/slide/afflatus-details1.jpg"></a>
                                <div class="stylist-chat clearfix">
                                    <a class="fl fn-hover-bar" href="javascript:;">
                                        <i class="fb-sprite icon-wx"></i>
                                        <div class="fn-hover-menu">
                                            <label class="chat-cont">
                                                <img src="img/stylist-ewr-noLogin.png">
                                                <span class="cursor-pointer tc-blue tm-uline">请登录扫码>></span>
                                            </label>
                                        </div>
                                    </a>
                                    <label><img src="img/stylist-head1.png"></label>
                                    <a class="fr" href="javascript:;"><i class="fb-sprite icon-qq line"></i></a>
                                </div>
                                <div class="stylist-intro">
                                    <label>张小波</label>
                                    <span>5年设计经验</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="stylist-cont">
                                <a href="stylist-details.html" class="stylist-img"><img
                                        src="img/slide/afflatus-details2.jpg"></a>
                                <div class="stylist-chat clearfix">
                                    <a class="fl fn-hover-bar" href="javascript:;">
                                        <i class="fb-sprite icon-wx"></i>
                                        <div class="fn-hover-menu">
                                            <label class="chat-cont">
                                                <img src="img/stylist-ewr.jpg">
                                                <span>扫码加设计师微信</span>
                                            </label>
                                        </div>
                                    </a>
                                    <label><img src="img/stylist-head2.png"></label>
                                    <a class="fr" href="javascript:;"><i class="fb-sprite icon-qq line"></i></a>
                                </div>
                                <div class="stylist-intro">
                                    <label>聂涛</label>
                                    <em>亚华整装</em>
                                    <span>首席设计师</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="stylist-cont">
                                <a href="stylist-details.html" class="stylist-img"><img
                                        src="img/slide/afflatus-details3.jpg"></a>
                                <div class="stylist-chat clearfix">
                                    <a class="fl fn-hover-bar" href="javascript:;">
                                        <i class="fb-sprite icon-wx"></i>
                                        <div class="fn-hover-menu">
                                            <label class="chat-cont">
                                                <img src="img/stylist-ewr.jpg">
                                                <span>扫码加设计师微信</span>
                                            </label>
                                        </div>
                                    </a>
                                    <label><img src="img/stylist-head3.png"></label>
                                    <a class="fr" href="javascript:;"><i class="fb-sprite icon-qq line"></i></a>
                                </div>
                                <div class="stylist-intro">
                                    <label>李娟</label>
                                    <em>亚华整装</em>
                                    <span>首席设计师</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="stylist-cont">
                                <a href="stylist-details.html" class="stylist-img"><img
                                        src="img/slide/afflatus-details4.jpg"></a>
                                <div class="stylist-chat clearfix">
                                    <a class="fl fn-hover-bar" href="javascript:;">
                                        <i class="fb-sprite icon-wx"></i>
                                        <div class="fn-hover-menu">
                                            <label class="chat-cont">
                                                <img src="img/stylist-ewr.jpg">
                                                <span>扫码加设计师微信</span>
                                            </label>
                                        </div>
                                    </a>
                                    <label><img src="img/stylist-head4.png"></label>
                                    <a class="fr" href="javascript:;"><i class="fb-sprite icon-qq line"></i></a>
                                </div>
                                <div class="stylist-intro">
                                    <label>农海贵</label>
                                    <span>10年资深设计师</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="index-module gray">
            <div class="title pt-30">
                <div class="container">
                    <div class="row">
                        <label class="fs-24">方案获取 快速通道</label>
                        <span class="fs-16 tc-666 tm-bold mt-20">立即联系设计师，获取装修方案或解答疑问</span>
                        <span class="fs-16 tc-666">每日限量 <em class="tc-red">20</em> 个名额，还剩 <em
                                class="tc-red">9</em> 个名额</span>
                    </div>
                </div>
            </div>
            <div class="cont">
                <div class="container">
                    <div class="row">
                        <div class="scheme-box">
                            <div class="scheme-form">
                                <label class="fb-select-bar big special-select">
                                    <select>
                                        <option value="0" selected>重庆</option>
                                        <option value="1">北京</option>
                                        <option value="2">上海</option>
                                        <option value="3">广州</option>
                                    </select>
                                </label>
                                <label class="form-input big border gray width">
                                    <input type="text" placeholder="请输入楼盘名称">
                                </label>
                                <label class="fb-select-bar big">
                                    <select>
                                        <option value="0" selected>户型</option>
                                        <option value="1">一室一厅</option>
                                        <option value="2">两室一厅</option>
                                        <option value="3">三室两厅</option>
                                    </select>
                                </label>
                                <!--<label class="fb-select-bar big">-->
                                <!--<select>-->
                                <!--<option value="0" selected>几卫</option>-->
                                <!--<option value="1">1</option>-->
                                <!--<option value="2">2</option>-->
                                <!--<option value="3">3</option>-->
                                <!--</select>-->
                                <!--</label>-->
                                <label class="form-input big border gray after-text">
                                    <input type="text" placeholder="请输入面积">
                                    <em>㎡</em>
                                </label>
                            </div>
                            <a href="javascript:;" class="fb-btn big background blue hover">立即获取方案</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="index-module">
            <div class="title mt clearfix">
                <div class="container">
                    <div class="row">
                        <label class="fs-24">找灵感</label>
                        <span>美图给你家的灵感</span>
                        <p class="link-list">
                            <a href="#">北欧</a>|
                            <a href="#">欧式</a>|
                            <a href="#">中式</a>|
                            <a href="#">现代</a>|
                            <a href="#">田园</a>|
                            <a href="#">美式</a>|
                            <a href="#">地中海</a>|
                            <a href="#">混搭</a>|
                            <a href="#">全部效果图>></a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="cont">
                <div class="afflatus-box">
                    <div class="swiper-container" id="afflatus">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide" data-stylist="name1">
                                <a href="#"><img data-src="img/afflatus-50-1.jpg" class="swiper-lazy"></a>
                                <div class="swiper-lazy-preloader"></div>
                            </div>
                            <div class="swiper-slide" data-stylist="name2">
                                <a href="#"><img data-src="img/afflatus-50-2.jpg" class="swiper-lazy"></a>
                                <div class="swiper-lazy-preloader"></div>
                            </div>
                            <div class="swiper-slide" data-stylist="name3">
                                <a href="#"><img data-src="img/afflatus-50-3.jpg" class="swiper-lazy"></a>
                                <div class="swiper-lazy-preloader"></div>
                            </div>
                            <div class="swiper-slide" data-stylist="name4">
                                <a href="#"><img data-src="img/afflatus-50-4.jpg" class="swiper-lazy"></a>
                                <div class="swiper-lazy-preloader"></div>
                            </div>
                        </div>
                    </div>
                    <div class="afflatus-intro">
                        <div class="stylist-information">
                            <div class="title-box">
                                <label class="head"><img src="img/stylist-head1.png"></label>
                                <label class="name">
                                    <span>张小波</span>
                                    <em class="tc-blue">亚华整装</em>
                                    <em>首席设计师</em>
                                </label>
                            </div>
                            <div class="cont-box">
                                <label>15万打造闲逸现代时尚居</label>
                                <span>设计师在安全与实用的考量下，加入年轻时尚元素，成功打造业主所期盼的小坪数大使用空间，开放式的厨房与吧台、干湿分离的卫浴、个性实用的储纳功能，成功吸引每个人的眼球与期盼。而经由水泥粉光地坪的整体感与家具的质感雕塑人文轻松的空间氛围，也给予了业主一个温暖惬意的家。</span>
                            </div>
                        </div>
                        <div class="swiper-btn" id="afflatusBtn">
                            <div class="btn left btn-hover">
                                <span class="swiper-button-prev swiper-button-white"></span>
                            </div>
                            <div class="btn right btn-hover">
                                <span class="swiper-button-next swiper-button-white"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="afflatus-list">
                    <div class="container">
                        <div class="row">
                            <div class="col-xs-6">
                                <a class="link-3d" href="#">3D全景<i class="fb-arrow-dir right"></i></a>
                                <a class="afflatus-cont" href="afflatus-details.html">
                                    <img src="img/afflatus-50-1.jpg">
                                    <div class="aff-intro clearfix">
                                        <label class="head"><img src="img/stylist-head2.png"></label>
                                        <div class="d-layer">
                                            <label class="name">
                                                <span>张默华</span>
                                                <em>兄弟装饰</em>
                                                <em>特邀设计师</em>
                                            </label>

                                            <div class="tag">
                                                <span title="19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家">19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-xs-6">
                                <a class="link-3d" href="#">3D全景<i class="fb-arrow-dir right"></i></a>
                                <a class="afflatus-cont" href="afflatus-details.html">
                                    <img src="img/afflatus-50-2.jpg">
                                    <div class="aff-intro clearfix">
                                        <label class="head"><img src="img/stylist-head3.png"></label>
                                        <div class="d-layer">
                                            <label class="name">
                                                <span>张默华</span>
                                                <em>兄弟装饰</em>
                                                <em>特邀设计师</em>
                                            </label>

                                            <div class="tag">
                                                <span title="19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家">19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-8">
                                <a class="afflatus-cont" href="afflatus-details.html">
                                    <img src="img/afflatus-50-1.jpg">
                                    <div class="aff-intro clearfix">
                                        <label class="head"><img src="img/stylist-head1.png"></label>
                                        <div class="d-layer">
                                            <label class="name">
                                                <span>张默华</span>
                                                <em>兄弟装饰</em>
                                                <em>特邀设计师</em>
                                            </label>

                                            <div class="tag">
                                                <span title="19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家">19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-xs-4">
                                <a class="afflatus-cont mb-10" href="afflatus-details.html">
                                    <img src="img/afflatus-50-1.jpg">
                                    <div class="aff-intro clearfix">
                                        <label class="head"><img src="img/stylist-head4.png"></label>
                                        <div class="d-layer">
                                            <label class="name">
                                                <span>张默华</span>
                                                <em>兄弟装饰</em>
                                                <em>特邀设计师</em>
                                            </label>

                                            <div class="tag">
                                                <span title="19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家">19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                                <a class="afflatus-cont" href="afflatus-details.html">
                                    <img src="img/afflatus-50-1.jpg">
                                    <div class="aff-intro clearfix">
                                        <label class="head"><img src="img/stylist-head1.png"></label>
                                        <div class="d-layer">
                                            <label class="name">
                                                <span>张默华</span>
                                                <em>兄弟装饰</em>
                                                <em>特邀设计师</em>
                                            </label>

                                            <div class="tag">
                                                <span title="19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家">19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-6">
                                <a class="afflatus-cont" href="afflatus-details.html">
                                    <img src="img/afflatus-50-3.jpg">
                                    <div class="aff-intro clearfix">
                                        <label class="head"><img src="img/stylist-head2.png"></label>
                                        <div class="d-layer">
                                            <label class="name">
                                                <span>张默华</span>
                                                <em>兄弟装饰</em>
                                                <em>特邀设计师</em>
                                            </label>

                                            <div class="tag">
                                                <span title="19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家">19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-xs-6">
                                <a class="afflatus-cont" href="afflatus-details.html">
                                    <img src="img/afflatus-50-4.jpg">
                                    <div class="aff-intro clearfix">
                                        <label class="head"><img src="img/stylist-head1.png"></label>
                                        <div class="d-layer">
                                            <label class="name">
                                                <span>张默华</span>
                                                <em>兄弟装饰</em>
                                                <em>特邀设计师</em>
                                            </label>

                                            <div class="tag">
                                                <span title="19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家">19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-4">
                                <a class="afflatus-cont mb-10" href="afflatus-details.html">
                                    <img src="img/afflatus-30-3.jpg">
                                    <div class="aff-intro clearfix">
                                        <label class="head"><img src="img/stylist-head4.png"></label>
                                        <div class="d-layer">
                                            <label class="name">
                                                <span>张默华</span>
                                                <em>兄弟装饰</em>
                                                <em>特邀设计师</em>
                                            </label>

                                            <div class="tag">
                                                <span title="19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家">19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                                <a class="afflatus-cont" href="afflatus-details.html">
                                    <img src="img/afflatus-30-4.jpg">
                                    <div class="aff-intro clearfix">
                                        <label class="head"><img src="img/stylist-head1.png"></label>
                                        <div class="d-layer">
                                            <label class="name">
                                                <span>张默华</span>
                                                <em>兄弟装饰</em>
                                                <em>特邀设计师</em>
                                            </label>

                                            <div class="tag">
                                                <span title="19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家">19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-xs-8">
                                <a class="afflatus-cont" href="afflatus-details.html">
                                    <img src="img/afflatus-70-2.jpg">
                                    <div class="aff-intro clearfix">
                                        <label class="head"><img src="img/stylist-head2.png"></label>
                                        <div class="d-layer">
                                            <label class="name">
                                                <span>张默华</span>
                                                <em>兄弟装饰</em>
                                                <em>特邀设计师</em>
                                            </label>

                                            <div class="tag">
                                                <span title="19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家">19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-4">
                                <a class="afflatus-cont" href="afflatus-details.html">
                                    <img src="img/afflatus-30-5.jpg">
                                    <div class="aff-intro clearfix">
                                        <label class="head"><img src="img/stylist-head3.png"></label>
                                        <div class="d-layer">
                                            <label class="name">
                                                <span>张默华</span>
                                                <em>兄弟装饰</em>
                                                <em>特邀设计师</em>
                                            </label>

                                            <div class="tag">
                                                <span title="19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家">19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-xs-4">
                                <a class="afflatus-cont" href="afflatus-details.html">
                                    <img src="img/afflatus-30-6.jpg">
                                    <div class="aff-intro clearfix">
                                        <label class="head"><img src="img/stylist-head4.png"></label>
                                        <div class="d-layer">
                                            <label class="name">
                                                <span>张默华</span>
                                                <em>兄弟装饰</em>
                                                <em>特邀设计师</em>
                                            </label>

                                            <div class="tag">
                                                <span title="19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家">19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-xs-4">
                                <a class="afflatus-cont" href="afflatus-details.html">
                                    <img src="img/afflatus-30-7.jpg">
                                    <div class="aff-intro clearfix">
                                        <label class="head"><img src="img/stylist-head2.png"></label>
                                        <div class="d-layer">
                                            <label class="name">
                                                <span>张默华</span>
                                                <em>兄弟装饰</em>
                                                <em>特邀设计师</em>
                                            </label>

                                            <div class="tag">
                                                <span title="19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家">19万打造极美简约家19万打造极美简约家19万打造极美简约家19万打造极美简约家</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--<div class="index-module">-->
        <!--<div class="container">-->
        <!--<div class="row">-->
        <!--<div class="title mt clearfix">-->
        <!--<label>装修问答</label>-->
        <!--<span>立即联系设计师，获取装修方案或解答疑问</span>-->
        <!--<a class="fr mr-15" href="consult.html">查看更多>></a>-->
        <!--</div>-->
        <!--<div class="cont">-->
        <!--<div class="fb-box-list">-->
        <!--<ul class="row-4">-->
        <!--<li>-->
        <!--<div class="consult-box">-->
        <!--<div class="title-box">装修</div>-->
        <!--<div class="cont-box">-->
        <!--<a href="consult-details.html">新房装修后放什么植物好盘点</a>-->
        <!--<a href="consult-details.html">厨房在西北方如何化解？化解方法介绍</a>-->
        <!--<a href="consult-details.html">法式田园卧室特点是什么 法式田园卧室的设计</a>-->
        <!--<a href="consult-details.html">要点和搭配要点</a>-->
        <!--<a href="consult-details.html">打衣柜用免漆板好还是喷漆好</a>-->
        <!--<a href="consult-details.html">新装修的房子多久可以入住</a>-->
        <!--<a href="consult-details.html">封客厅阳台的利弊有哪些？</a>-->
        <!--</div>-->
        <!--</div>-->
        <!--</li>-->
        <!--<li>-->
        <!--<div class="consult-box">-->
        <!--<div class="title-box">设计</div>-->
        <!--<div class="cont-box">-->
        <!--<a href="consult-details.html">新房装修后放什么植物好盘点</a>-->
        <!--<a href="consult-details.html">厨房在西北方如何化解？化解方法介绍</a>-->
        <!--<a href="consult-details.html">法式田园卧室特点是什么 法式田园卧室的设计</a>-->
        <!--<a href="consult-details.html">要点和搭配要点</a>-->
        <!--<a href="consult-details.html">打衣柜用免漆板好还是喷漆好</a>-->
        <!--<a href="consult-details.html">新装修的房子多久可以入住</a>-->
        <!--<a href="consult-details.html">封客厅阳台的利弊有哪些？</a>-->
        <!--</div>-->
        <!--</div>-->
        <!--</li>-->
        <!--<li>-->
        <!--<div class="consult-box">-->
        <!--<div class="title-box">建材</div>-->
        <!--<div class="cont-box">-->
        <!--<a href="consult-details.html">新房装修后放什么植物好盘点</a>-->
        <!--<a href="consult-details.html">厨房在西北方如何化解？化解方法介绍</a>-->
        <!--<a href="consult-details.html">法式田园卧室特点是什么 法式田园卧室的设计</a>-->
        <!--<a href="consult-details.html">要点和搭配要点</a>-->
        <!--<a href="consult-details.html">打衣柜用免漆板好还是喷漆好</a>-->
        <!--<a href="consult-details.html">新装修的房子多久可以入住</a>-->
        <!--<a href="consult-details.html">封客厅阳台的利弊有哪些？</a>-->
        <!--</div>-->
        <!--</div>-->
        <!--</li>-->
        <!--<li>-->
        <!--<div class="consult-box">-->
        <!--<div class="title-box">其他</div>-->
        <!--<div class="cont-box">-->
        <!--<a href="consult-details.html">新房装修后放什么植物好盘点</a>-->
        <!--<a href="consult-details.html">厨房在西北方如何化解？化解方法介绍</a>-->
        <!--<a href="consult-details.html">法式田园卧室特点是什么 法式田园卧室的设计</a>-->
        <!--<a href="consult-details.html">要点和搭配要点</a>-->
        <!--<a href="consult-details.html">打衣柜用免漆板好还是喷漆好</a>-->
        <!--<a href="consult-details.html">新装修的房子多久可以入住</a>-->
        <!--<a href="consult-details.html">封客厅阳台的利弊有哪些？</a>-->
        <!--</div>-->
        <!--</div>-->
        <!--</li>-->
        <!--</ul>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
    </div>
    <div class="footer-box">
        <div class="container">
            <div class="row">
                <div class="footer-cont">
                    <div class="menu">
                        <span><a href="store-settled.html">商家入驻</a></span>
                        <span><a href="#">商家后台</a></span>
                        <span><a href="VR-custom.html">VR定制</a></span>
                        <!--<span><a href="about-us.html?type=opinion">意见反馈</a></span>-->
                        <span><a href="about-us.html?type=about">关于我们</a></span>
                        <span><a href="about-us.html?type=agreement">用户协议</a></span>
                        <span><a href="about-us.html?type=job">工作机会</a></span>
                        <span><a href="about-us.html?type=contact" class="bd-no-right">联系我们</a></span>
                        <!--<span><a href="about-us.html?type=map">网站地图</a></span>-->
                    </div>
                    <div class="intro clearfix">
                        <div class="fl">
                            <p><label><i class="fb-sprite icon-area"></i></label><span>重庆市渝北区嘉州协信中心A栋23层</span></p>
                            <p><label><i class="fb-sprite icon-email"></i></label><span>Sale@19area.cn</span></p>
                            <p><label><i class="fb-sprite icon-phone"></i></label><span>商务合作：<em
                                    class="fs-18">13452828599  /  13647631899</em></span>
                            </p>
                        </div>
                        <div class="fr">
                            <label>
                                <img src="img/ewm.jpg">
                                <span>移动版</span>
                            </label>
                            <label>
                                <img src="img/ewm.jpg">
                                <span>商务合作</span>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <span class="copyright">Copyright© 2017 www.19area.cn 重庆十九地带科技有限公司 版权所有　渝ICP备14009506号</span>
    </div>
</div>

<div class="go-top-box">
    <a href="javascript:;" id="goTop"><i class="fb-sprite icon-top"></i></a>
</div>

<script type="text/template" id="moreCityList">
    <div class="more-city-box">
        <h2 class="more-city-title">当前定位到：<span>重庆</span></h2>
        <div class="more-city-cont" id="moreCityContainer"></div>
    </div>
</script>
<script type="text/template" id="stylistIntro">
    <div class="title-box">
        <label class="head"><img src="img/{%*img*%}"></label>
        <label class="name">
            <span>张小波{%*name*%}</span>
            <em class="tc-blue">亚华整装</em>
            <em>首席设计师</em>
        </label>
    </div>
    <div class="cont-box">
        <label>15万打造闲逸现代时尚居</label>
        <span>设计师在安全与实用的考量下，加入年轻时尚元素，成功打造业主所期盼的小坪数大使用空间，开放式的厨房与吧台、干湿分离的卫浴、个性实用的储纳功能，成功吸引每个人的眼球与期盼。</span>
    </div>
</script>
<script type="text/template" id="consultBox">
    <div class="pop-consult">
        <div class="consult-stylist">
            <label class="head"><img src="img/stylist-head1.png"></label>
            <label class="name">
                <span>聂涛</span>
                <span class="mt-10"><em class="tc-blue">天古装饰</em><em class="tc-999">首席设计师</em></span>
            </label>
        </div>
        <div class="consult-intro">
            <label class="form-input text border gray">
                <textarea cols="" rows="" placeholder="请输入您要向设计师咨询的问题……" id="consultText"></textarea>
            </label>
        </div>
    </div>
</script>
<script type="text/template" id="fastLogin">
    <div class="pop-login tm-left login-bar">
        <div class="user-form">
            <div class="item">
                <label class="form-input border gray big block before-text">
                    <span><i class="fb-sprite icon-mobile"></i></span>
                    <input type="text" placeholder="请输入账号">
                </label>
            </div>
            <div class="item">
                <label class="form-input border gray big block before-text">
                    <span><i class="fb-sprite icon-password"></i></span>
                    <input type="password" placeholder="请输入密码">
                </label>
            </div>
            <!--<div class="intro tm-right mt-10 pb-20">-->
            <!--<a id="changeRegisterTips" class="tc-blue" href="javascript:;">没有账号？<em>切换注册</em></a>-->
            <!--</div>-->
        </div>
    </div>

    <div class="pop-login tm-left register-bar d-hide">
        <div class="user-form">
            <div class="item">
                <label class="form-input border gray big block before-text">
                    <span><i class="fb-sprite icon-mobile"></i></span>
                    <input type="text" placeholder="请输入注册手机号" id="telephone" maxlength="11">
                </label>
            </div>
            <div class="item code clearfix">
                <label class="form-input border gray big block">
                    <input type="text" placeholder="请输入验证码">
                </label>
                <a class="fb-btn background orange big cut-down" href="javascript:;" id="countDown">获取验证码</a>
            </div>
            <div class="item">
                <label class="form-input border gray big block before-text">
                    <span><i class="fb-sprite icon-password"></i></span>
                    <input type="password" placeholder="请输入密码" minlength="6" maxlength="16">
                </label>
            </div>
            <div class="intro">
                <label class="fb-check-box">
                    <em>
                        <i class="fb-sprite icon-checked"></i>
                        <input type="checkbox">
                    </em>
                    <span>同意<a class="tc-blue" href="#">《十九区VR设计平台用户使用协议》</a></span>
                </label>
            </div>
        </div>
    </div>
</script>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script src="js/jquery.jbox.js"></script>
<script src="js/common.js"></script>
<script src="js/base.js"></script>
<script>
    $(function () {
        //在线咨询弹窗
        /*$(".stylist-chat >a.fr").click(function () {
            $.jBox.btnAlert($("#consultBox").html(), {
                title: "在线咨询",
                close: true,
                btn: {
                    text: ["提交"],
                    jEnsure: function (opt) {
                        $.jBox.alert("咨询内容：" + opt.boxText.find("#consultText").val());
                    }
                },
                beforeClassFun: function (opt) {
                    opt.boxBtn.addClass("small");
                }
            });
        });*/

        //绑定倒计时
        var countTime = "";
        if (countTime) countTime.stopTimeFun();
        $(document).on("click", "#countDown", function () {
            if ($(this).hasClass("active")) return false;
            var time = 120;
            countTime = new FB.countDown(this, time, ["获取验证码", " 秒重新获取"], function () {
                console.log("倒计时结束")
            });
        });


        //获取方案-未登陆
        $(".scheme-box >a.fb-btn").click(function () {
            $.jBox.btnAlert($("#fastLogin").html(), {
                title: "用户登录",
                close: true,
                btn: {
                    text: ["立即登录"],
                    jEnsure: function () {
                        if ($(this).hasClass("j-register-btn")) {
                            alert(0);
                        } else {
                            alert(1);
                        }
                        $.jBox.success("登录成功！");
                    }
                },
                beforeClassFun: function (opt) {
                    opt.boxBtn.addClass("big");
                    opt.boxTitle.find("span").addClass("big");
                    opt.boxBtn.find("a").addClass("j-login-btn");

                    var str = '<div class="j-user-intro login-intro">没有账号？去 <a class="tc-blue tm-uline" href="javascript:;" id="changeRegisterTips">注册账号</a></div>';
                    str += '<div class="j-user-intro register-intro d-hide">已有账号？去 <a class="tc-blue tm-uline" href="javascript:;" id="changeLoginTips">账号登陆</a></div>';
                    opt.boxCont.append(str);

                    $("#changeRegisterTips").click(function () {
                        $(".pop-login.login-bar,.j-user-intro.login-intro").addClass("d-hide");
                        $(".pop-login.register-bar,.j-user-intro.register-intro").removeClass("d-hide");
                        opt.boxTitle.find("span").text("用户注册");
                        opt.boxBtn.find("a").text("立即注册").addClass("j-register-btn").removeClass("j-login-btn");
                        //注册协议
                        FB.formChecked(".fb-check-box");
                    });
                    $("#changeLoginTips").click(function () {
                        $(".pop-login.login-bar,.j-user-intro.login-intro").removeClass("d-hide");
                        $(".pop-login.register-bar,.j-user-intro.register-intro").addClass("d-hide");
                        opt.boxTitle.find("span").text("用户登录");
                        opt.boxBtn.find("a").text("立即登录").addClass("j-login-btn").removeClass("j-register-btn");
                    });
                }
            });
            /*$.jBox.btnAlert("<span class='tc-666'>信息提交成功！</span><label class='tc-blue d-block mt-20'>稍后设计师将会与你联系</label>", {
                title: "操作提示",
                close: true,
                icon: {
                    src: "icon/tips-success.png",
                    width: 51,
                    height: 51
                },
                btn: {
                    text: ["确定"],
                    jEnsure: function (opt) {

                    }
                },
                beforeClassFun: function (opt) {
                    opt.boxTextBox.addClass("j-img-v message-handle");
                    opt.boxBtn.addClass("small");
                }
            });*/
        });

        //banner滚动
        FB.newSwiper("#banner", 1, {
            prevButton: '.btn.left',
            nextButton: '.btn.right',
            onlyExternal: true,
            paginationClickable: true
        });
        //灵感切换
        FB.newSwiper("#afflatus", 2, {
            prevButton: '.btn.left',
            nextButton: '.btn.right',
            onlyExternal: true,
            spaceBetween: 10,
            onInit: function (s) {
                //s.container.find(".swiper-slide").width(s.container.width() * 0.3);
            },
            onLazyImageReady: function (s, slide) {
                if (!!window.ActiveXObject || "ActiveXObject" in window) {
                    $(".afflatus-box").height($(slide).height());
                }
            },
            onSlideChangeEnd: function (s) {
                var $container = s.container;
                var $active = $container.find(".swiper-slide-active");
                var data = $active.data("stylist").split("name")[1];
                var html = $("#stylistIntro").html().replace("{%*img*%}", "stylist-head" + data + ".png")
                    .replace("{%*name*%}", data);
                $(".stylist-information").html(html);
            }
        });

        //改变窗口
        FB.resizeFun(function () {
            var $afflatus = $("#afflatus");
            var $active = $afflatus.find(".swiper-slide-active");
            var $intro = $(".afflatus-intro");
            $intro.css("left", $active.offset().left + $active.outerWidth(true) - $intro.width());
            $("#afflatusBtn").css("left", $active.offset().left + $active.outerWidth(true) - $intro.offset().left - 80);
        });

        //模拟下拉框
        $(".fb-select-bar").each(function () {
            FB.selectBar(this);
        });
    })
</script>

</body>
</html>